<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <style>
        body {
            background: url("https://img-blog.csdnimg.cn/0e9b262e71494776afa76a5c258546fe.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5ZCM54y_,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center") no-repeat center center fixed;
            background-size: 100%;
        }
        .div1 {
            width: 500px;
            height:auto;
           
            
            position: absolute;
            left: 40%;
            top: 30%;
            margin-left: -50px;
            margin-top: -50px;
            font-size: 50px;
        }
        #denglu{
            font-size: 50px;
            text-align: center;
            margin:3px 35%;

        }
        button{
            background-color:transparent;
            border-style:none;
        }
        .zuo{
            position:absolute;
            left:5px;
            top:130px;
        }
        .zuo img{
            width:500px;
            height:400px;
        }
        .you{
            position:absolute;
            right:5px;
            top:130px;
        }
        .you img{
            width:500px;
            height:400px;
        }
        foot{
            position:fixed;
            left: 40%;
            right:50%;
            clear:both;
            text-align: center;
        }
        foot a{
            color: white;
            text-decoration: none;
        }
    </style>
</head>


 
<body>
   
    <div class="div1">
        账号:
        <input type="text" style="height:51px;width:449px;font-size:12px;">
        <br/>
        密码:
        <input type="text" style="height:51px;width:449px;font-size:12px;">
        <br/>
        <button id="denglu" type="button" onclick="alert('登录')">登录</button>
        <br/>
        <button type="button" onclick="alert('注册')">注册</button>
        <button type="button" onclick="alert('忘记密码')">忘记密码</button>
        <button type="button" onclick="alert('发送验证码')">发送验证码</button>
    </div>
    <div class="zuo">
        <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.QxFRUMT2xhRbux9c5LRJJAHaFI?w=261&h=181&c=7&r=0&o=5&dpr=2&pid=1.7"/>
    </div>
    <div class="you">
        <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.4sSnMbrlmMA5SGRgj8h8WgHaFD?w=265&h=181&c=7&r=0&o=5&dpr=2&pid=1.7"/>
    </div>
</body>
<foot>
    <a href="http://127.0.0.1:5500/index.html"><h2>回到主网页</h2></a>
</foot>

</html>